<script setup lang='ts'>
</script>
<template>
  <div class="chat-header">
    <div class="name">
      <h3>Chat</h3>
    </div>
    <div class="actions">
      <div class="action">
        <el-icon><MoreFilled /></el-icon>
      </div>
    </div>
  </div>
</template>
<style scoped lang='scss'>
.chat-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    height: 51px;
    border-bottom: 1px solid #e0e0e0;
    background-color: $chat;
    .name {
      h3 {
        font-size: 18px;
        font-weight: 500;
      }
    }
    .actions {
      .action {
        margin-left: 10px;
        cursor: pointer;
      }
    }
}
</style>